<template>
  <div class="div">
    <QrcodeVue :value="qrCode123" class="qrcode"  ></QrcodeVue>
  </div>
</template>
 
<script lang="ts" setup>
import { ref } from 'vue'
import { ElMessageBox } from 'element-plus'
import QrcodeVue from 'vue-qrcode'

const props = defineProps([
    'content'
  ])

const qrCode123 = ref(props.content);
 

</script>
<style scoped>

.dialog-footer button:first-child {
  margin-right: 10px;
}
.div{
  width: 100%;
  height: 100%;
  text-align: center;
}
.qrcode{
  width: 600px;
  height: 600px;
  margin-top:20%;
}
</style>